<template>
  <aside class="list-group">
    <router-link to="/en" class="list-group-item" exact>Quick Start</router-link>
    <router-link to="/en/customize" class="list-group-item" exact>Customization</router-link>
    <router-link to="/en/changelog" class="list-group-item" exact>ChangeLog</router-link>
    <router-link to="/en/components" class="list-group-item" exact>Components</router-link>
    <div class="menu">
      <p class="menu-label">Basic</p>
      <ul class="menu-list">
        <li><router-link to="/en/components/helper" exact>Helper</router-link></li>
        <li><router-link to="/en/components/layout" exact>Layout</router-link></li>
        <li><router-link to="/en/components/button" exact>Buttons</router-link></li>
        <li><router-link to="/en/components/icon" exact>Icons</router-link></li>
        <li><router-link to="/en/components/transition" exact>Transition</router-link></li>
      </ul>

      <p class="menu-label">Navigation</p>
      <ul class="menu-list">
        <li><router-link to="/en/components/affix" exact>Affix</router-link></li>
        <li><router-link to="/en/components/scrollto" exact>ScrollTo</router-link></li>
        <li><router-link to="/en/components/breadcrumb" exact>Breadcrumb</router-link></li>
        <li><router-link to="/en/components/dropdown" exact>Dropdown</router-link></li>
        <li><router-link to="/en/components/pagination" exact>Pagination</router-link></li>
        <li><router-link to="/en/components/menu" exact>Menu</router-link></li>
        <li><router-link to="/en/components/steps" exact>Steps</router-link></li>
        <li><router-link to="/en/components/tabs" exact>Tabs</router-link></li>
      </ul>

      <p class="menu-label">View</p>
      <ul class="menu-list">
        <li><router-link to="/en/components/alert" exact>Alert</router-link></li>
        <li><router-link to="/en/components/aside" exact>Aside</router-link></li>
        <li><router-link to="/en/components/collapse" exact>Collapse</router-link></li>
        <li><router-link to="/en/components/modal" exact>Modal</router-link></li>
        <!--<li><a href="#">Panel</a></li>-->
        <li><router-link to="/en/components/notify" exact>Notify</router-link></li>
        <li><router-link to="/en/components/tag" exact>Tag</router-link></li>
        <li><router-link to="/en/components/progress" exact>Progress</router-link></li>
        <li><router-link to="/en/components/popover" exact>Popover</router-link></li>
        <li><router-link to="/en/components/popconfirm" exact>Popconfirm</router-link></li>
        <li><router-link to="/en/components/tooltip" exact>Tooltip</router-link></li>
        <li><router-link to="/en/components/timeline" exact>Timeline</router-link></li>
        <!--<li><a href="#">Tree</a></li>-->
        <li><router-link to="/en/components/datatable" exact>Table</router-link></li>
      </ul>

      <p class="menu-label">Form</p>
      <ul class="menu-list">
        <li><router-link to="/en/components/form" exact>Form</router-link></li>
        <li><router-link to="/en/components/inputnumber" exact>InputNumber</router-link></li>
        <li><router-link to="/en/components/radio" exact>Radio</router-link></li>
        <li><router-link to="/en/components/checkbox" exact>Checkbox</router-link></li>
        <li><router-link to="/en/components/switch" exact>Switch</router-link></li>
        <!--<li><a href="#">Select</a></li>-->
        <li><router-link to="/en/components/datepicker" exact>DatePicker</router-link></li>
        <!--<li><a href="#">Upload</a></li>-->
        <!--<li><a href="#">Rate</a></li>-->
      </ul>

    </div>
  </aside>
</template>
